<!DOCTYPE html>
<!-- 设置语言 -->
<html lang="zh-CN">

<head>
    <!-- 设置字符集 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VSCODE</title>
</head>

<body>
    <!-- 1级标题 -->
    <h1>
        这是一级标题
    </h1>
    <!-- 2级标题 -->
    <h2>
        2级标题
    </h2>
    <!-- 3级标题 -->
    <h3>
        3级标题
    </h3>
    <!-- 段落 -->
    <p>
        <strong>
            加粗
        </strong>
        <em>
            倾斜
        </em>
        <del>
            删除线
        </del>
        <ins>
            下划线
        </ins>
        普通文本
    </p>

    <!-- div的作用：没有语义，用来装内容 divison的缩写，分割分区，
    是大盒子，一行只能一个-->
    <div>
        div字符
    </div>

    <!-- span，作用同div 跨度，跨距，
    是小盒子，一行可以多个 -->
    <span>
        span字符
    </span>
    <span>
        span字符
    </span>
    <h4>
        这是一个图像opencv:
    </h4>
    <!-- 图像标签 -->
    <img src="https://opencv1.b-cdn.net/wp-content/uploads/2022/05/logo.png" />

    <h4>
        alt 替换 这是一个图像opencv:
    </h4>
    <!-- 图像标签 -->
    <img src="ttps://opencv1.b-cdn.net/wp-content/uploads/2022/05/logo.png" alt="OpenCV logo" />

    <h4>
        alt 替换 这是一个图像opencv:
        title :提示文本，鼠标停留提示
        width, height:图像长宽
        border:图像边框
    </h4>
    <!-- 图像标签 -->
    <img src="https://opencv1.b-cdn.net/wp-content/uploads/2022/05/logo.png" title="OpenCV" alt="OpenCV logo"
        width="640" height="480" border="30" />

    <h3>
        外部链接
    </h3>
    <h4>
        超链接图像
    </h4>
    <!-- <a>: 超链接 语法： <a href="目标" target="窗口弹出方式"> 显示的内容 />
        target: _self为默认方式 __blank为新窗口打开 -->
    <a href="https://opencv.org/" target="__blank">
        OpenCV图文超链接
        <img src="https://opencv1.b-cdn.net/wp-content/uploads/2022/05/logo.png" title="OpenCV" alt="OpenCV logo" />
    </a>

    <h3>
        内部链接
    </h3>
    <a href="02-示例页面.html" target="__blank">
        内部超链接
        <img src="https://opencv1.b-cdn.net/wp-content/uploads/2022/05/logo.png" title="OpenCV" alt="OpenCV logo" />
    </a>

</body>

</html>